﻿@model WalkingTec.Mvvm.Doc.ViewModels.MajorVms.MajorVm

<wt:fieldset field-set-style="Simple" title="RichTextbox">
    <p>富文本框的常用属性有：</p>
    <table lay-filter="parse-table-demo">
        <thead>
            <tr>
                <th lay-data="{field:'username', width:200}">属性</th>
                <th lay-data="{field:'joinTime', width:600}">描述</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Id</td>
                <td>控件Id，默认根据绑定字段名称生成</td>
            </tr>
            <tr>
                <td>Field</td>
                <td>绑定字段，必填</td>
            </tr>
            <tr>
                <td>Disabled</td>
                <td>是否禁用</td>
            </tr>
            <tr>
                <td>Name</td>
                <td>控件Name，默认根据绑定字段名称生成</td>
            </tr>
            <tr>
                <td>LabelText</td>
                <td>标签内容</td>
            </tr>
            <tr>
                <td>LabelWidth</td>
                <td>标签的长度，默认为80</td>
            </tr>
            <tr>
                <td>HideLabel</td>
                <td>是否隐藏标签</td>
            </tr>
            <tr>
                <td>EmptyText</td>
                <td>无数据时显示的提示文本</td>
            </tr>
            <tr>
                <td>UploadUrl</td>
                <td>设定富文本编辑器中上传图片的url，如果不设定，框架会使用自带的接口</td>
            </tr>
        </tbody>
    </table>
    <wt:tab>
        <wt:tabheaders>
            <wt:tabheader title="效果" />
            <wt:tabheader title="代码" />
        </wt:tabheaders>
        <wt:tabcontents>
            <wt:tabcontent>
                <wt:form vm="@Model" width="800">
                    <wt:richtextbox field="Entity.Remark" height="400" />
                    <wt:row align="AlignEnum.Right">
                        <wt:submitbutton disabled="true" />
                        <wt:closebutton disabled="true" />
                    </wt:row>
                </wt:form>
            </wt:tabcontent>
            <wt:tabcontent>
                <wt:code>
                    &ltwt:form vm="@@Model" width="600"&gt
                    &ltwt:richtextbox field="Entity.Remark" height="400" /&gt
                    &ltwt:row align="AlignEnum.Right"&gt
                    &ltwt:submitbutton disabled="true" /&gt
                    &ltwt:closebutton disabled="true" /&gt
                    &lt/wt:row&gt
                    &lt/wt:form&gt
                </wt:code>
            </wt:tabcontent>
        </wt:tabcontents>
    </wt:tab>
    <wt:quote>
        文档项目后台并没有连接真实的数据库，上面列子中上传图片会报错，但实际使用框架的时候并不会报错，框架自带接口可以实现图片的上传和浏览
    </wt:quote>

</wt:fieldset>

    <script>
        layui.code({ about: false });
        layui.table.init('parse-table-demo', {
            limit: 100 
        });
    </script>
